$height: 3.97rem;

.product-list-component {
    .product-list {
        box-shadow: 0 0 10px #888888;
        margin: .56rem 0;
        height: $height;
        position: relative;
        width: 9.41rem;
    }
    img.product {
        height: $height;
        width: $height;
    }
    img.star {
        height: .54rem;
        width: .55rem;
    }
    .right {
        width: 4.55rem;
        padding: .3rem;
        padding-right: .6rem;
    }
    h1 {
        font-size: 0.48rem;
        margin: 0;
    }
    h2 {
        font-size: .32rem;
        margin-top: .12rem;
        margin-bottom: 0;
    }
    p.dect {
        font-size: .32rem;
        margin: .12rem 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    p.money {
        position: absolute;
        right: 0;
        bottom: 0;
    }
    h1,
    h2 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}